<fieldset>
  <legend>条件搜索</legend>
  <form action="{:request()->url()}" autocomplete="off" class="layui-form layui-form-pane form-search" method="get" onsubmit="return false">
    <div class="layui-form-item layui-inline">
      <label class="layui-form-label">姓名</label>
      <label class="layui-input-inline">
        <input class="layui-input" name="name" placeholder="请输入用户姓名" value="{:input('name','')}">
      </label>
    </div>

    <div class="layui-form-item layui-inline">
      <label class="layui-form-label">手机号</label>
      <label class="layui-input-inline">
        <input class="layui-input" name="tel" placeholder="请输入用户手机号" value="{:input('tel','')}">
      </label>
    </div>

    <div class="layui-form-item layui-inline">
      <label class="layui-form-label">身份证号</label>
      <label class="layui-input-inline">
        <input class="layui-input" name="id_card" placeholder="请输入用户身份证号" value="{:input('id_card','')}">
      </label>
    </div>

    <div class="layui-form-item layui-inline">
      <button class="layui-btn layui-btn-primary"><i class="layui-icon">&#xe615;</i> 搜 索</button>
    </div>

    <div class="layui-form-item layui-inline">

      <!-- 上传按钮放在搜索按钮后面，可根据自己的需求调整位置 -->
      <!--{if auth("import")}-->
      <button class='layui-btn layui-btn-sm layui-btn-active' data-file data-type="xlsx,xls" data-uptype='local' data-field="topic_excel">导入EXCEL</button>
      <!--{/if}-->
    </div>
  </form>
  <script>
    window.form.render();
    $(function () {
      /*！文件上传过程事件处理 */
      $('[data-file]').on('upload.done', function (file, obj) {
        // obj.file 当前完成的文件对象
        // obj.data 当前文件上传后服务端返回的内容
        console.log(file);
        console.log(obj);
        /*! 提交数据并返回结果 */
        $.form.load('{:url("import")}', {file: obj.file.xkey}, 'post');
      })
    });
  </script>
</fieldset>